body {
    background-color: #c7e0f5;
    font-family:Tahoma, sans-serif;
}

#settings {
    width: 80%;
    background-color: white;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 0 auto;
    padding: 20px;
}

label {
    width: 250px;
    display: inline-block;
}

div.wrap {
	border:1px inset #999; 
	padding:10px;
	min-height:50px;
	margin-bottom:20px;
}
div.wrap span.title {
	background:white; 
	margin:-20px 0px 0px 10px; 
	position:absolute; 
	padding:0px 3px;
}

div.wrap span.req {color:red; padding:0px 6px;}
div.wrap div.check {padding:2px;}
div.wrap div.check.sel {font-weight:bold;}
div.wrap div.tip {display:none; font-weight:normal;}
div.wrap label{width:auto;}

li.daemon h3 {display:block; text-indent:10px; padding:2 0 0 0; margin:0 0 0 0;}
li.daemon .edit {display:none;}
li.daemon label {width:75px; text-align:right;}
li.daemon label::after {content: ": ";}
li.daemon label.nothing::after {content: "";}
li.daemon {padding:0px 0px 10px 0px; background:#f6f6f6;}

li.daemon span.clr {width:10px; display:inline-block;}
li.daemon div.panel {
  display:none;
  position:absolute;
  width:auto;
  padding:1 2 0 2;
  border:1px solid #ccc;
  background:#eee;
}
li.daemon div.panel img {cursor:hand;}


ul#daemons {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

li.daemon {
  background-repeat: no-repeat;
  background-position: 0 .4em;
  padding-left: .6em;
  background-image: url();
}

#logo {
  float: left;
}
h1 {
    float: left;
    margin: 10px;
    color: #38444f;
}


.clear {
    clear: both;
}

.checkon {font-weight:bold;}

#settings input[type=text],
#settings input[type=password]{
    width:300px;
    font-size: 16px;
    font-weight: bold;
    padding: 2px 0;
}

.message {
    border: 1px solid #a7ef8e;
    background-color: #c5fbb2;
    padding: 2px 4px;
    margin: 20px 0 0 0;
    font-size: 12px;
}

.message.info {
    background-color: #fff7cf !important;
    border: 1px solid #ffe983 !important;
}

.tip {
    display: inline;
    font-size: 11px;
    padding-left: 15px;
}


#conResponse {
    background-color: #fff7cf;
    padding: 2px 4px;
    border: 1px solid #ffe983;
    margin: 0;
    display: none;
}

#conResponse img.loading {
  border:0px;
  height:16px;
  width:16px;
  background-image: url();
}

#conResponse.checkError {
    background-color: #ffd3d3 !important;
    border-color: #ff8383 !important;
}
#conResponse.checkOk {
    background-color: #c5fbb2 !important;
    border-color: #a7ef8e !important;
}
